@import "./common.scss";
@import "./animation.scss";
.cLogin_privacy_modal{
    // width: 100%;
    height: 80vh;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: getRem(20px);
    background-color: #fff;
    z-index: 9999999999;
    -webkit-animation: fadelogIn .4s;
    animation: fadelogIn .4s;
    transform: translateZ(1px);
    .clogin-privacy{
        width: 100%;
        border-top-left-radius: 0.16rem;
        border-top-right-radius: 0.16rem;
        position: relative;
        border: 0;
        background-clip: padding-box;
        text-align: center;
        height: 100%;
        overflow: hidden;
        .head{
            padding:0.4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: getRem(32px);
            font-weight: bold;
            color: #333333;
            border-bottom: 1px solid lightgray;
            .clogin-bottom-shot{
                &.down-arrow {
                    display :inline-block;
                    position: relative;
                    width: getRem(40px);
                    height: getRem(40px);
                    margin-right: getRem(20px);
                    margin-top: getRem(-15px);
                }
                &.down-arrow:after {
                    display: inline-block;
                    content: "";
                    height:getRem(20px);
                    width: getRem(20px);
                    border-width: 0 2px 2px 0;
                    border-color: #999999;
                    border-style: solid;
                    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
                    transform-origin: center;
                    transition: transform .3s;
                    position: absolute;
                    top: 45%;
                    right: getRem(10px);
                    margin-top: getRem(-10px);
                }
                
            }
        }
        .clogin-context{
            font-size: getRem(24px);
            color: #888;
            height: 100%;
            line-height: 1.5;
            overflow: auto;
            overflow-x: hidden !important;
            overflow-y: auto;
            text-indent: getRem(5px);
            padding: 0.29333rem 0.34667rem 1.5rem;
            color: #333333;
            line-height: 2;
            text-align: left;
             p {
                word-break: break-all;
            }
             h3 {
                margin-top: getRem(15px);
                font-size: getRem(26px);
            }
        }
      
    }
    
}
